import App9 from '../App9'
import Home from '../pages/Home'
import Detail from '../pages/Detail'
import List from '../pages/List'
import ParamsState from '../pages/ParamsState'

import { BrowserRouter, Routes, Route } from 'react-router-dom'

const BaseRouter = () => {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<App9 />}>
          <Route path="/home" element={<Home />}></Route>
          <Route path="/detail" element={<Detail />}></Route>
          <Route path="/list/:id" element={<List />}></Route>
          <Route path="/paramsState" element={<ParamsState />}></Route>
        </Route>
      </Routes>
    </BrowserRouter>
  )
}

export default BaseRouter
